import './index.scss';

import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Login from '@/pages/Login';
import NotFound from '@/pages/NotFound';
import Layout from '@/pages/Layout';

import AuthComponent from './components/AuthComponent';

function App() {
  // useEffect(() => {
  //   const data = { username: 'Ryan', password: 'admin123' };
  //   http
  //     .post('http://localhost:3001/login', {
  //       headers: {
  //         'Content-Type': 'application/json'
  //       },
  //       body: data
  //     })
  //     .then((res) => {
  //       console.log(res);
  //       const { token } = res.user;
  //       setToken(token);
  //     })
  //     .catch((e) => {
  //       console.log('error', e);
  //       console.log(e.response);
  //     });
  // }, []);

  // useEffect(() => {
  //   const data = { username: 'Ryan', password: 'admin123' };
  //   http
  //     .post('http://localhost:3001/register', {
  //       headers: {
  //         'Content-Type': 'application/json'
  //       },
  //       body: JSON.stringify(data)
  //     })
  //     .then((res) => {
  //       console.log(res);
  //     });
  // }, []);

  return (
    <BrowserRouter>
      <div className="App">
        <Routes>
          {/* <Route index element={<Login />}></Route> */}
          <Route path="/Login" element={<Login />}></Route>

          <Route
            path="/Layout"
            element={
              <AuthComponent>
                <Layout />
              </AuthComponent>
            }
          ></Route>
          <Route path="*" element={<NotFound />}></Route>
        </Routes>
      </div>
    </BrowserRouter>
  );
}

export default App;
